body{
	font-family: Manjari, sans-serif;
	margin-left:50px;
	margin-bottom:30px;
	background-color:RGBa(127, 197, 250, 0.8);
}
strong{
	font-weight:normal;
}
h1{
	font-weight:bold;
	color:#FF9900;
	font-size:40px;
	font-family:Prompt, sans-serif;
	text-transform:uppercase;
}
a{
	text-decoration:none;
	color:black;
}
table{
	background:RGB(170,170,250);
	z-index:200;
	border-right:5px RGB(100,100,250) solid;
	border-bottom-right-radius:30px;
	border-top-right-radius:30px;
}
#menu{
	position:fixed;
	top:50px;
	left:-240px;
	transition:0.5s;
	z-index:20000000000000000000;
}
#menu:hover{
	position:fixed;
	left:0px;
}
.th{
	padding-top:30px;
	padding-bottom:30px;
	padding-right:15px;
	padding-left:15px;
	background:inherit;
	text-decoration:none;
	transition:background 1s, text-decoration 1s;
}
th{
	padding-top:30px;
	padding-bottom:30px;
	padding-right:15px;
	padding-left:15px;
	background:inherit;
	text-decoration:none;
}
.th:hover{
	background:radial-gradient(circle,RGB(200,200,250)5%,RGB(170,170,250)90%);
	border-radius:100px;
}
#logo{
	height:90px;
	position:absolute;
	top:110px;
	left:270px;
	z-index:299;
	background:RGB(200,208,250);
	border-left:none;
	border-bottom:3px solid RGB(100, 137, 200);
	border-top:3px solid RGB(100, 137, 200);
	border-right:3px solid RGB(100, 137, 200);
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
}
#CCBVL_txt{
	width:23%;
	float:left;
}
#ccbvl_logo{
	margin:0px 35%;
}
#ccbvl_logo_img:hover{
	box-shadow:4px 4px 10px grey;
}
#ccbvl_logo_img{
	border:2px solid RGB(100, 100, 250);
	border-radius:50px;
	width:150px;
	padding-bottom:10px;
	background-color:white;
	transition:box-shadow 0.5s;
}
#ccbvl_logo_txt{
	margin:0px;
	position:relative;
	top:-27px;
	left:25px;
	font-size:11px;
}
#HCSM_txt{
	width:400px;
	position:relative;
	left:40%;
	top:-140px;
}
#instruments{
	margin-left:10%;
}
#clarinette{
	width:150px;
	position:relative;
	top:-60px;
	left:150px;
}
#flûte_traversière{
	width:180px;
	position:relative;
	top:50px;
}
#saxophone{
	width:80px;
	position:relative;
	top:-80px;
}
#tambour{
	width:70px;
	position:relative;
	top:60px;
}
#trombone{
	width:200px;
	position:relative;
	top:-80px;
}
#trompette{
	width:150px;
	position:relative;
	top:50px;
	left:-50px;
}
#contact_txt{
	position:absolute;
	bottom:40px;
	margin-left:25%;
	font-size:18px;
	font-weight:bold;
}
p{
	margin-left:130px;
}

#ccbvl_logo_txt{
	color:RGB(100, 100, 250);
}
#ccbvl_logo_txt:hover{
	color:blue;
}
#contact_link{
	color:blue;
}
#contact_link:hover{
	text-decoration:underline;
}
.alinéa{
	margin-left:50px;
}
.mobile_visible{
	display:none;
}
@media screen and (max-device-width : 500px){
	body{
		width:auto;
		height:auto;
		margin-left:10px;
		margin-top:50px;
	}
	h1{
		font-size:1.2em;
		margin-left:0px;
	}
	.mobile_visible{
		display:block;
	}
	.mobile_unvisible{
		display:none;
	}
	table{
		border-right:none;
		border-top-right-radius:0px;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
		border-bottom:0.2em solid RGB(100,100,250);
	}
	#menu_target_mobile_open{
		-moz- position:relative;
		position:relative;
		-moz- top:-15em;
		top:-13.95em;
	}
	#menu_target_mobile_open:target{
		position:relative;
		top:0px;
	}
	#menu_target_mobile_close:target{
		position:relative;
		top:0px;
	}
	#menu{
		position:fixed;
		top:0px;
		left:5.3em;
		z-index:4589025678907642345678963234567876543456789876543456734567897654569809284584;
		height:14em;
		width:auto;
		overflow:hidden;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
		animation-iteration-count:0;
	}
	#menu:hover{
		position:fixed;
		left:5.3em;
	}
	.mobile_flèches{
		width:1.5em;
		margin-left:0.3em;
		margin-right:0.3em;
		margin-top:0.02em;
	}
	.mobile_menu_button_txt{
		margin-left:3em;
		margin-right:3em;
	}
	.mobile_menu_button{
		padding-left:0.5em;
	}
	.th{
		padding-top:0.4em;
		padding-bottom:0.4em;
		padding-right:0.5em;
		padding-left:0.5em;
		font-size:0.8em;
	}
	th{
		padding-top:0.4em;
		padding-bottom:0.4em;
		padding-right:0.5em;
		padding-left:0.5em;
		font-size:0.8em;
	}
	#CCBVL_txt{
		width:92%;
		float:none;
		font-size:0.6em;
	}
	p{
		margin-left:0px;
		margin-right:0px;
		font-size:0.75em;
	}
	#ccbvl_logo{
		position:relative;
		top:0px;
		margin:0px 25%;
		float:none;
	}
	#ccbvl_logo_img{
		width:10em;
		padding-bottom:0px;
		border-radius:35px;
	}
	#ccbvl_logo_txt{
		position:static;
		font-size:0.7em;
		margin-left:25px;
	}
	#HCSM_txt{
		position:relative;
		top:0px;
		left:0px;
		width:92%;
		float:none;
		font-size:0.75em;
	}
	#ccbvl_logo_txt{
		color:blue;
	}
	#ccbvl_logo_txt:hover{
		text-decoration:underline;
	}
	#instruments{
		position:relative;
		left:-100px;
		top:100px;
	}
	#clarinette{
		width:100px;
		position:relative;
		left:180px;
		top:-80px;
	}
	#flûte_traversière{
		width:120px;
		position:relative;
		top:0px;
	}
	#saxophone{
		width:50px;
		position:relative;
		left:70px;
		top:-100px;
	}
	#tambour{
		position:relative;
		top:-150px;
		left:100px;
		width:50px;
	}
	#trombone{
		left:170px;
		top:-80px;
		width:120px;
	}
	#trompette{
		left:130px;
		top:-100px;
		width:60px;
	}
	#contact_txt{
		font-size:0.8em;
		margin-left:5%;
		margin-top:50px;
		position:static;
	}
	.mobile_alinéa{
		margin-left:0px;
	}
}